<template lang="jade">
div#main
  div#header
    el-row(:gutter="20")
      el-col(:span="1", :offset="1")
        i.el-icon-time#logo
      el-col(:span="2", :offset="16")
        router-link.header-item(to="project-list", active-class="header-item-active") 项目列表
      el-col(:span="2")
        router-link.header-item(to="project", active-class="header-item-active") 项目管理
  div#body
    router-view
</template>

<style lang="sass">
#main
  width: 100%
  height: 100%
  position: absolute
  background-size: 100% 100%
  background-attachment: fixed
  #header
    width: 100%
    height: 75px
    position: absolute
    background-color: rgba(0, 0, 0, 0.15)
    box-shadow: 0px -3px 3px rgba(0,0,0,0.30) inset
    line-height: 75px
    z-index: 99
    .el-row
      vertical-align: middle
      .header-item, #logo
        font-size: 18px
        color: black
        text-decoration: none
      .header-item:hover, .header-item-active
        color: #f90
        cursor: pointer
  #body
    width: 100%
    position: absolute
    top: 75px
    bottom: 0
    overflow-y: scroll
    overflow-x: hidden
</style>